<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Rossi - Sport eCommerce Bootstrap 4 Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Favicon -->
    <link rel="icon" href="assets/images/favicon.ico">

    <!-- ************************* CSS ************************* -->
    <!-- Bootstrap CSS -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">

    <!-- Fontawesome CSS -->
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">

    <!-- IcoFont CSS -->
    <link href="assets/css/icon-font.min.css" rel="stylesheet">

    <!-- Plugins CSS -->
    <link href="assets/css/plugins.css" rel="stylesheet">

    <!-- Main CSS -->
    <link href="assets/css/main.min.css" rel="stylesheet">

    <!-- Modernizer JS -->
    <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>

</head>

<body>
    <div id="page">
        <div class="container">
            <div class="outer-row row">
                <div class="col-md-12">
                    <!--===================================
                            =            Header            		   =
                            =====================================-->

                    <header>
                        <!-- header top nav -->
                        <div class="header-top-nav">
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-3 offset-lg-3 col-md-6 col-sm-12">
                                        <!-- language and currency changer -->
                                        <div class="language-currency-changer d-flex justify-content-center justify-content-md-start justify-content-lg-center">
                                            <div class="language-changer">
                                                <img src="assets/images/flags/1.jpg" alt="">
                                                <a href="#" id="changeLanguage"><span id="languageName">English <i
                                                            class="fa fa-caret-down"></i></span></a>
                                                <div class="language-currency-list hidden" id="languageList">
                                                    <ul>
                                                        <li><a href="#"><img src="assets/images/flags/1.jpg" alt="">
                                                                English</a></li>
                                                        <li><a href="#"><img src="assets/images/flags/2.jpg" alt="">
                                                                Français</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="currency-changer">
                                                <a href="#" id="changeCurrency"><span id="currencyName">USD <i class="fa fa-caret-down"></i></span></a>
                                                <div class="language-currency-list hidden" id="currencyList">
                                                    <ul>
                                                        <li><a href="#">USD</a></li>
                                                        <li><a href="#">EURO</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- end of language and currency changer -->
                                    </div>


                                    <div class="col-md-6 col-sm-12">
                                        <!-- user information menu -->
                                        <div class="user-information-menu">
                                            <ul>
                                                <li><a href="wishlist.html">我的收藏</a> <span class="separator">|</span></li>
												<li><a href="checkout.html">查看</a> <span class="separator">|</span></li>
												<li><a href="cart.html">购物车 (<span id="cart-status">暂无</span>)</a> <span class="separator">|</span></li>
												<li><a href="login-register.html">登录</a></li>
                                            </ul>
                                        </div>
                                        <!-- end of user information menu -->
                                    </div>

                                </div>
                            </div>
                        </div>
                        <!-- end of header top nav -->

                        <!-- header bottom -->

                        <!-- header content -->
                        <div class="header-content">
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-3 col-md-4 offset-lg-0 text-md-left text-sm-center">
                                        <!-- logo -->
                                        <div class="logo">
                                            <a href="index.html"><img src="assets/images/logo.png" class="img-fluid"
                                                    alt="logo"></a>
                                        </div>
                                        <!-- end of logo -->
                                    </div>
                                    <div class="col-lg-6 col-md-8">
                                        <!-- header search bar -->
                                        <div class="header-search-bar">
                                            <div class="input-group">
                                                <select name="categoryName" id="categoryName">
                                                    <option value="">分类</option>
													<option value="01">足球</option>
													<option value="02">--- 连衣裙</option>
													<option value="03">--- 运动衫</option>
													<option value="04">--- 靴子</option>
													<option value="05">板球</option>
                                                </select>
                                                <div class="input-group-append">
                                                    <input type="search" name="search">
                                                    <button type="submit"><i class="fa fa-search"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- end of header search bar -->
                                    </div>
                                    <div class="col-lg-3 col-md-4">
                                        <!-- shopping cart -->
                                        <div class="shopping-cart float-lg-right d-flex justify-content-start" id="shopping-cart">
                                            <div class="cart-icon">
                                                <a href="cart.html"><img src="assets/images/icon-topcart.png" class="img-fluid"
                                                        alt=""></a>
                                            </div>
                                            <div class="cart-content">
                                                <h2><a href="cart.html">购物车 <span><span id="cartStatus">(暂无)</span></span></a></h2>
                                            </div>

                                            <div class="cart-floating-box" id="cart-floating-box">
                                                <div class="cart-items">
                                                    <div class="cart-float-single-item d-flex">
                                                        <span class="remove-item"><a href="#"><i class="fa fa-trash"></i></a></span>
                                                        <div class="cart-float-single-item-image">
                                                            <img src="assets/images/products/faded-short-sleeve-tshirts.jpg"
                                                                class="img-fluid" alt="">
                                                        </div>
                                                        <div class="cart-float-single-item-desc">
                                                            <p class="product-title"><span class="count">1x</span> <a
                                                                    href="single-product-variable.html">印花裙</a></p>
                                                            <p class="size"> <a href="shop-left-sidebar.html">黄色, S号</a></p>
                                                            <p class="price">$20.50</p>
                                                        </div>
                                                    </div>
                                                    <div class="cart-float-single-item d-flex">
                                                        <span class="remove-item"><a href="#"><i class="fa fa-trash"></i></a></span>
                                                        <div class="cart-float-single-item-image">
                                                            <img src="assets/images/products/faded-short-sleeve-tshirts.jpg"
                                                                class="img-fluid" alt="">
                                                        </div>
                                                        <div class="cart-float-single-item-desc">
                                                            <p class="product-title"><span class="count">1x</span> <a
                                                                    href="single-product-variable.html">印花裙</a></p>
                                                            <p class="size"> <a href="shop-left-sidebar.html">黄色, S号</a></p>
                                                            <p class="price">$20.50</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="cart-calculation d-flex">
                                                    <div class="calculation-details">
                                                        <p class="shipping">Shipping <span>$2</span></p>
                                                        <p class="total">Total <span>$22</span></p>
                                                    </div>
                                                    <div class="checkout-button">
                                                        <a href="checkout.html">查看</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- end of shopping cart -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end of header content -->

                        <!-- header navigation section -->
                        <div class="header-navigation">
                            <div class="container">
                                <div class="navigation-container">
                                    <div class="row">
                                        <div class="col-lg-3 d-none d-lg-block">
                                            <!-- ======  Header menu left text  ======= -->
                                            <p class="call-us-text">联系我们 24/7: (+66) 123-456-789</p>
                                        </div>
                                        <div class="col-lg-9 col-md-12">

                                            <!-- Header navigation right side-->

                                            <!-- main menu start -->
                                            <div class="main-menu">
                                                <nav>
                                                    <ul>
                                                        <li class="active menu-item-has-children"><a href="#">主页</a>

                                                            <!-- ======  Submenu block  ======= -->

                                                            <ul class="sub-menu">
                                                                <li class="active"><a href="index.html">主页一</a></li>
																<li><a href="index-2.html">主页二</a></li>
																<li><a href="index-3.html">主页三</a></li>
                                                            </ul>

                                                            <!-- ====  End of Submenu block  ==== -->

                                                        </li>
                                                        <li class="menu-item-has-children"><a href="#">店铺</a>

                                                            <!-- ======  Submenu block  ======= -->

                                                            <ul class="sub-menu">
                                                                <li class="menu-item-has-children"><a href="#">店铺分类</a>
                                                                    <ul class="sub-menu">
                                                                        <li class="active"><a href="shop-left-sidebar.html">商铺 左侧边栏</a></li>
																		<li><a href="shop-left-sidebar-wide.html">商铺 左宽侧边栏</a></li>
																		<li><a href="shop-right-sidebar.html">商铺 右侧边栏</a></li>
																		<li><a href="shop-right-sidebar-wide.html">商铺 右侧边栏</a></li>
																		<li><a href="shop-no-sidebar-3.html">商铺 无侧边栏 3列</a></li>
																		<li><a href="shop-no-sidebar-3-wide.html">商铺 无侧边栏 3列宽</a></li>
																		<li><a href="shop-no-sidebar-4.html">商铺 无侧边栏 4列</a></li>
																		<li><a href="shop-no-sidebar-4-wide.html">商铺 无侧边栏 4列宽</a></li>
																		<li><a href="shop-no-sidebar-5.html">商铺 无侧边栏 5列</a></li>
																		<li><a href="shop-no-sidebar-5-wide.html">商铺 无侧边栏 5列宽</a></li>
                                                                    </ul>
                                                                </li>
                                                                <li class="menu-item-has-children"><a href="#">店铺列表</a>
																	<ul class="sub-menu">
																		<li><a href="shop-list.html">商店 列表</a></li>
																		<li><a href="shop-list-wide.html">商店列表宽</a></li>
																		<li><a href="shop-left-sidebar-list.html">商店列表 左侧边栏</a></li>
																		<li><a href="shop-left-sidebar-list-wide.html">商店列表 左侧边栏宽</a></li>
																		<li><a href="shop-right-sidebar-list.html">商店列表 右侧边栏</a></li>
																		<li><a href="shop-right-sidebar-list-wide.html">商店列表 右侧边栏宽</a></li>
																	</ul>
																</li>
                                                                <li class="menu-item-has-children"><a href="#">商品展示</a>
																	<ul class="sub-menu">
																		<li><a href="single-product.html">商品</a></li>
																		<li><a href="single-product-wide.html">商品 宽</a></li>
																		<li><a href="single-product-external.html">商品 外部</a></li>
																		<li><a href="single-product-external-wide.html">商品 外部 宽</a></li>
																		<li><a href="single-product-variable.html">商品 可变</a></li>
																		<li><a href="single-product-variable-wide.html">商品 可变 宽</a></li>
																		<li><a href="single-product-group.html">商品 组</a></li>
																		<li><a href="single-product-group-wide.html">商品 组 宽</a></li>
																	</ul>
																</li>
                                                            </ul>
                                                            <!-- ====  End of Submenu block  ==== -->

                                                        </li>
                                                        <li class="menu-item-has-children"><a href="#">博客</a>
                                                            <!-- ======  Mega menu block  ======= -->
                                                            <ul class="mega-menu three-column">
                                                                <li><a href="#" class="d-none">博客</a>
																	<ul>
																		<li><a href="blog-1-column-left-sidebar.html">博客 1 列 左侧边栏</a></li>
																		<li><a href="blog-1-column-right-sidebar.html">博客 1 列 右侧边栏</a></li>
																		<li><a href="blog-2-column-left-sidebar.html">博客 2 列 左侧边栏</a></li>
																		<li><a href="blog-2-column-right-sidebar.html">博客 2 列 右侧边栏</a></li>
																		<li><a href="blog-3-column.html">博客 3 列</a></li>
																	</ul>
																</li>
																<li><a href="#" class="d-none">博客 宽</a>
																	<ul>
																		<li><a href="blog-1-column-left-sidebar-wide.html">博客 1 列 左侧边栏 宽</a></li>
																		<li><a href="blog-1-column-right-sidebar-wide.html">博客 1 列 右侧边栏 宽</a></li>
																		<li><a href="blog-2-column-left-sidebar-wide.html">博客 2 列 左侧边栏 宽</a></li>
																		<li><a href="blog-2-column-right-sidebar-wide.html">博客 2 列 右侧边栏 宽</a></li>
																		<li><a href="blog-3-column-wide.html">博客 3 列 宽</a></li>
																	</ul>
																</li>
																<li><a href="#" class="d-none">单博客</a>
																	<ul>
																		<li><a href="single-blog-left-sidebar.html">单博客 左侧边栏</a></li>
																		<li><a href="single-blog-left-sidebar-wide.html">单博客 左侧边栏 宽</a></li>
																		<li><a href="single-blog-right-sidebar.html">单博客 右侧边栏</a></li>
																		<li><a href="single-blog-right-sidebar-wide.html">单博客 右侧边栏 宽</a></li>
																	</ul>
																</li>
                                                            </ul>
                                                            <!-- ====  End of Mega menu block  ==== -->
                                                        </li>

                                                        <li class="menu-item-has-children"><a href="#">页面</a>
															<!-- ======  Submenu block  ======= -->

															<ul class="sub-menu">
																<li><a href="cart.html">购物车</a></li>
																<li><a href="cart-wide.html">购物车 宽</a></li>
																<li><a href="checkout.html">结算</a></li>
																<li><a href="checkout-wide.html">结算 宽</a></li>
																<li><a href="compare.html">对比</a></li>
																<li><a href="compare-wide.html">结算 宽</a></li>
																<li><a href="store.html">店铺</a></li>
																<li><a href="store-wide.html">店铺 宽</a></li>
																<li><a href="wishlist.html">愿望清单</a></li>
																<li><a href="wishlist-wide.html">愿望清单 宽</a></li>
																<li><a href="my-account.html">我的账户</a></li>
																<li><a href="my-account-wide.html">我的账户 宽</a></li>
																<li><a href="login-register.html">登录 注册</a></li>
																<li><a href="login-register-wide.html">登录 注册 宽</a></li>
															</ul>

															<!-- ====  End of Submenu block  ==== -->
														</li>
														<li><a href="about.html">关于</a></li>
														<li><a href="contact.html">联系</a></li>
                                                    </ul>
                                                </nav>

                                                <!-- Mobile Menu -->
                                                <div class="mobile-menu order-12 d-block d-lg-none"></div>

                                            </div>

                                            <!-- end of Header navigation right side-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end of header navigation section -->

                        <!-- breadcrumb section -->
                        <div class="breadcrumb-area">
                            <div class="container">
                                <div class="row">
                                    <div class="col">
                                        <div class="breadcrumb-container">
                                            <ul>
                                                <li><a href="index.html">主页</a> <span class="bc-separator">|</span></li>
                                                <li class="active">printed dress</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end of breadcrumb section -->

                        <!-- end of header bottom -->
                    </header>

                    <!--=====  End of Header  ======-->

                    <!--===========================================
                        =            Single product content section            =
                        ============================================-->

                    <section class="single-product-page-content">
                        <div class="container">
                            <div class="row">

                                <div class="col-lg-9 col-md-12">
                                    <div class="row">
                                        <div class="col-lg-5 col-md-7">

                                            <div class="single-product-page-image-gallery">
                                                <!-- product quickview image gallery -->
                                                <!--Modal Tab Content Start-->
                                                <div class="tab-content product-details-large  sale-badge new-badge">
                                                    <div class="tab-pane fade show active" id="single-slide1" role="tabpanel"
                                                        aria-labelledby="single-slide-tab-1">
                                                        <!--Single Product Image Start-->
                                                        <div class="single-product-img img-full sale-badge new-badge">
                                                            <img src="assets/images/product-slider-images/image1.jpg"
                                                                class="img-fluid" alt="">
                                                            <a href="assets/images/product-slider-images/image1.jpg"
                                                                class="big-image-popup"><i class="fa fa-search-plus"></i></a>
                                                        </div>
                                                        <!--Single Product Image End-->
                                                    </div>
                                                    <div class="tab-pane fade" id="single-slide2" role="tabpanel"
                                                        aria-labelledby="single-slide-tab-2">
                                                        <!--Single Product Image Start-->
                                                        <div class="single-product-img img-full">
                                                            <img src="assets/images/product-slider-images/image2.jpg"
                                                                class="img-fluid" alt="">
                                                            <a href="assets/images/product-slider-images/image2.jpg"
                                                                class="big-image-popup"><i class="fa fa-search-plus"></i></a>
                                                        </div>
                                                        <!--Single Product Image End-->
                                                    </div>
                                                    <div class="tab-pane fade" id="single-slide3" role="tabpanel"
                                                        aria-labelledby="single-slide-tab-3">
                                                        <!--Single Product Image Start-->
                                                        <div class="single-product-img img-full">
                                                            <img src="assets/images/product-slider-images/image3.jpg"
                                                                class="img-fluid" alt="">
                                                            <a href="assets/images/product-slider-images/image3.jpg"
                                                                class="big-image-popup"><i class="fa fa-search-plus"></i></a>
                                                        </div>
                                                        <!--Single Product Image End-->
                                                    </div>
                                                    <div class="tab-pane fade" id="single-slide4" role="tabpanel"
                                                        aria-labelledby="single-slide-tab-4">
                                                        <!--Single Product Image Start-->
                                                        <div class="single-product-img img-full">
                                                            <img src="assets/images/product-slider-images/image4.jpg"
                                                                class="img-fluid" alt="">
                                                            <a href="assets/images/product-slider-images/image4.jpg"
                                                                class="big-image-popup"><i class="fa fa-search-plus"></i></a>
                                                        </div>
                                                        <!--Single Product Image End-->
                                                    </div>
                                                </div>
                                                <!--Modal Content End-->
                                                <!--Modal Tab Menu Start-->

                                                <div class="single-product-menu">
                                                    <div class="nav single-slide-menu" role="tablist">
                                                        <div class="single-tab-menu img-full">
                                                            <a data-toggle="tab" id="single-slide-tab-1" href="#single-slide1"><img
                                                                    src="assets/images/product-slider-images/image1.jpg"
                                                                    class="img-fluid" alt=""></a>
                                                        </div>
                                                        <div class="single-tab-menu img-full">
                                                            <a data-toggle="tab" id="single-slide-tab-2" href="#single-slide2"><img
                                                                    src="assets/images/product-slider-images/image2.jpg"
                                                                    class="img-fluid" alt=""></a>
                                                        </div>
                                                        <div class="single-tab-menu img-full">
                                                            <a data-toggle="tab" id="single-slide-tab-3" href="#single-slide3"><img
                                                                    src="assets/images/product-slider-images/image3.jpg"
                                                                    class="img-fluid" alt=""></a>
                                                        </div>
                                                        <div class="single-tab-menu img-full">
                                                            <a data-toggle="tab" id="single-slide-tab-4" href="#single-slide4"><img
                                                                    src="assets/images/product-slider-images/image4.jpg"
                                                                    alt=""></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--Modal Tab Menu End-->
                                                <!-- end of product quickview image gallery -->
                                            </div>
                                        </div>
                                        <div class="col-lg-7 col-md-5">
                                            <!-- product quick view description -->
                                            <div class="product-options">
                                                <h2 class="product-title">渐变色短袖</h2>
                                                <p class="condition"><span>状况:</span> 新</p>
                                                <h2 class="product-price">$12.90</h2>
                                                <p class="product-description">Faded short sleeve t-shirt with high
                                                    neckline. Soft and
                                                    stretchy material for a
                                                    comfortable fit. Accessorize with a straw hat and you're ready for
                                                    summer!</p>

                                                <div class="single-product-user-action">
                                                    <ul>
                                                        <li><a href="#"> <i class="fa fa-envelope-o"></i> Send to a
                                                                friend</a></li>
                                                        <li><a href="#"> <i class="fa fa-print"></i> Print</a></li>
                                                        <li><a href="#"> <i class="fa fa-heart-o"></i> Add to wishlist</a></li>
                                                    </ul>
                                                </div>
                                                <div class="social-share-buttons">
                                                    <ul>
                                                        <li><a class="twitter" href="#"><i class="fa fa-twitter"></i>
                                                                Tweet</a></li>
                                                        <li><a class="facebook" href="#"><i class="fa fa-facebook"></i>
                                                                Share</a></li>
                                                        <li><a class="google-plus" href="#"><i class="fa fa-google-plus"></i>
                                                                Google+</a></li>
                                                        <li><a class="pinterest" href="#"><i class="fa fa-pinterest"></i>
                                                                Pinterest</a></li>
                                                    </ul>
                                                </div>
                                                <p class="stock-details">288 items <span class="stock-status in-stock">In
                                                        Stock</span></p>
                                                <p class="quantity">数量:

                                                    <span class="pro-qty counter"><input type="text" value="1" class="mr-5"></span>

                                                </p>
                                                <p class="size">
                                                    Size: <br>
                                                    <select name="chooseSize" id="chooseSize">
                                                        <option value="0">XXL</option>
                                                        <option value="0">L</option>
                                                        <option value="0">M</option>
                                                        <option value="0">S</option>
                                                    </select>
                                                </p>
                                                <p class="color">
                                                    Color: <br>
                                                    <a href="#"><span class="color-block color-choice-1"></span></a>
                                                    <a href="#"><span class="color-block color-choice-2"></span></a>
                                                    <a href="#"><span class="color-block color-choice-3 active"></span></a>
                                                </p>

                                                <a href="#" class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>
                                                    添加到购物车</a>
                                            </div>
                                            <!-- end ofproduct quick view description -->
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="product-description-tab-container section-padding">
                                                <ul class="nav nav-tabs" id="myTab" role="tablist">
                                                    <li class="nav-item">
                                                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#more-info"
                                                            role="tab" aria-selected="true">MORE
                                                            INFO</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#data-sheet"
                                                            role="tab" aria-selected="false">DATASHEET</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="contact-tab" data-toggle="tab" href="#reviews"
                                                            role="tab" aria-selected="false">REVIEWS</a>
                                                    </li>
                                                </ul>
                                                <div class="tab-content" id="myTabContent">
                                                    <div class="tab-pane fade show active" id="more-info" role="tabpanel"
                                                        aria-labelledby="home-tab">
                                                        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.
                                                            Aliquam alias libero temporibus sit repellat delectus eos
                                                            velit odit natus fugiat porro tempora, dignissimos ex quo
                                                            laborum explicabo consequatur aperiam doloribus nostrum
                                                            quae? Eos, adipisci quisquam iusto ex quasi odit mollitia,
                                                            pariatur expedita eligendi necessitatibus hic voluptatum.
                                                            Nobis a dolor temporibus.</p>
                                                    </div>
                                                    <div class="tab-pane fade" id="data-sheet" role="tabpanel"
                                                        aria-labelledby="profile-tab">
                                                        <table class="table-data-sheet">
                                                            <tbody>
                                                                <tr class="odd">

                                                                    <td>Compositions</td>
                                                                    <td>Polyester</td>
                                                                </tr>
                                                                <tr class="even">

                                                                    <td>Styles</td>
                                                                    <td>Girly</td>
                                                                </tr>
                                                                <tr class="odd">

                                                                    <td>Properties</td>
                                                                    <td>Midi Dress</td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    <div class="tab-pane fade" id="reviews" role="tabpanel"
                                                        aria-labelledby="contact-tab">
                                                        <div class="product-ratting-wrap">
                                                            <div class="pro-avg-ratting">
                                                                <h4>4.5 <span>(Overall)</span></h4>
                                                                <span>Based on 9 Comments</span>
                                                            </div>
                                                            <div class="ratting-list">
                                                                <div class="sin-list float-left">
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star"></i>
                                                                    <span>(5)</span>
                                                                </div>
                                                                <div class="sin-list float-left">
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star-o"></i>
                                                                    <span>(3)</span>
                                                                </div>
                                                                <div class="sin-list float-left">
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star-o"></i>
                                                                    <i class="fa fa-star-o"></i>
                                                                    <span>(1)</span>
                                                                </div>
                                                                <div class="sin-list float-left">
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star-o"></i>
                                                                    <i class="fa fa-star-o"></i>
                                                                    <i class="fa fa-star-o"></i>
                                                                    <span>(0)</span>
                                                                </div>
                                                                <div class="sin-list float-left">
                                                                    <i class="fa fa-star"></i>
                                                                    <i class="fa fa-star-o"></i>
                                                                    <i class="fa fa-star-o"></i>
                                                                    <i class="fa fa-star-o"></i>
                                                                    <i class="fa fa-star-o"></i>
                                                                    <span>(0)</span>
                                                                </div>
                                                            </div>
                                                            <div class="rattings-wrapper">

                                                                <div class="sin-rattings">
                                                                    <div class="ratting-author">
                                                                        <h3>Cristopher Lee</h3>
                                                                        <div class="ratting-star">
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <span>(5)</span>
                                                                        </div>
                                                                    </div>
                                                                    <p>enim ipsam voluptatem quia voluptas sit
                                                                        aspernatur aut odit aut fugit, sed quia res eos
                                                                        qui ratione voluptatem sequi Neque porro
                                                                        quisquam est, qui dolorem ipsum quia dolor sit
                                                                        amet, consectetur, adipisci veli</p>
                                                                </div>

                                                                <div class="sin-rattings">
                                                                    <div class="ratting-author">
                                                                        <h3>Nirob Khan</h3>
                                                                        <div class="ratting-star">
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <span>(5)</span>
                                                                        </div>
                                                                    </div>
                                                                    <p>enim ipsam voluptatem quia voluptas sit
                                                                        aspernatur aut odit aut fugit, sed quia res eos
                                                                        qui ratione voluptatem sequi Neque porro
                                                                        quisquam est, qui dolorem ipsum quia dolor sit
                                                                        amet, consectetur, adipisci veli</p>
                                                                </div>

                                                                <div class="sin-rattings">
                                                                    <div class="ratting-author">
                                                                        <h3>MD.ZENAUL ISLAM</h3>
                                                                        <div class="ratting-star">
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <span>(5)</span>
                                                                        </div>
                                                                    </div>
                                                                    <p>enim ipsam voluptatem quia voluptas sit
                                                                        aspernatur aut odit aut fugit, sed quia res eos
                                                                        qui ratione voluptatem sequi Neque porro
                                                                        quisquam est, qui dolorem ipsum quia dolor sit
                                                                        amet, consectetur, adipisci veli</p>
                                                                </div>

                                                            </div>
                                                            <div class="ratting-form-wrapper fix">
                                                                <h3>Add your Comments</h3>
                                                                <form action="#">
                                                                    <div class="ratting-form row">
                                                                        <div class="col-12 mb-15">
                                                                            <h5>Rating:</h5>
                                                                            <div class="ratting-star fix">
                                                                                <i class="fa fa-star-o"></i>
                                                                                <i class="fa fa-star-o"></i>
                                                                                <i class="fa fa-star-o"></i>
                                                                                <i class="fa fa-star-o"></i>
                                                                                <i class="fa fa-star-o"></i>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-6 col-12 mb-15">
                                                                            <label for="name">Name:</label>
                                                                            <input id="name" placeholder="Name" type="text">
                                                                        </div>
                                                                        <div class="col-md-6 col-12 mb-15">
                                                                            <label for="email">Email:</label>
                                                                            <input id="email" placeholder="Email" type="text">
                                                                        </div>
                                                                        <div class="col-12 mb-15">
                                                                            <label for="your-review">Your Review:</label>
                                                                            <textarea name="review" id="your-review"
                                                                                placeholder="Write a review"></textarea>
                                                                        </div>
                                                                        <div class="col-12">
                                                                            <input value="add review" type="submit">
                                                                        </div>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- related horizontal product slider -->
                                    <div class="horizontal-product-slider">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="block-title">
                                                    <h2><a href="#">RELATED PRODUCTS</a></h2>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <!-- horizontal product slider container -->
                                                <div class="horizontal-product-list">
                                                    <!-- single product -->
                                                    <div class="single-product">
                                                        <div class="single-product-content single-related-product-content">
                                                            <div class="product-image">
                                                                <a href="single-product-variable.html">
                                                                    <img src="assets/images/products/1.jpg" class="img-fluid"
                                                                        alt="">
                                                                    <img src="assets/images/products/2.jpg" class="img-fluid"
                                                                        alt="">
                                                                </a>
                                                                <div class="image-btn">
                                                                    <a href="#"><i class="fa fa-search"></i></a>
                                                                    <a href="#"><i class="fa fa-heart-o"></i></a>
                                                                </div>
                                                            </div>
                                                            <h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
                                                            <div class="price-box">
                                                                <h4>$ 12.00</h4>
                                                            </div>

                                                            <a href="#" class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>
                                                                添加到购物车</a>
                                                        </div>
                                                    </div>
                                                    <!-- end of single product -->
                                                    <!-- single product -->
                                                    <div class="single-product">
                                                        <div class="single-product-content single-related-product-content">
                                                            <div class="product-image">
                                                                <a href="single-product-variable.html">
                                                                    <img src="assets/images/products/3.jpg" class="img-fluid"
                                                                        alt="">
                                                                    <img src="assets/images/products/4.jpg" class="img-fluid"
                                                                        alt="">
                                                                </a>
                                                                <div class="image-btn">
                                                                    <a href="#"><i class="fa fa-search"></i></a>
                                                                    <a href="#"><i class="fa fa-heart-o"></i></a>
                                                                </div>
                                                            </div>
                                                            <h5 class="product-name"><a href="single-product-variable.html">印花裙</a></h5>
                                                            <div class="price-box">
                                                                <h4>$ 12.00</h4>
                                                            </div>

                                                            <a href="#" class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>
                                                                添加到购物车</a>
                                                        </div>
                                                    </div>
                                                    <!-- end of single product -->
                                                    <!-- single product -->
                                                    <div class="single-product">
                                                        <div class="single-product-content single-related-product-content">
                                                            <div class="product-image">
                                                                <a href="single-product-variable.html">
                                                                    <img src="assets/images/products/5.jpg" class="img-fluid"
                                                                        alt="">
                                                                    <img src="assets/images/products/6.jpg" class="img-fluid"
                                                                        alt="">
                                                                </a>
                                                                <div class="image-btn">
                                                                    <a href="#"><i class="fa fa-search"></i></a>
                                                                    <a href="#"><i class="fa fa-heart-o"></i></a>
                                                                </div>
                                                            </div>
                                                            <h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
                                                            <div class="price-box">
                                                                <h4>$ 12.00</h4>
                                                            </div>

                                                            <a href="#" class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>
                                                                添加到购物车</a>
                                                        </div>
                                                    </div>
                                                    <!-- end of single product -->
                                                    <!-- single product -->
                                                    <div class="single-product">
                                                        <div class="single-product-content single-related-product-content">
                                                            <div class="product-image">
                                                                <a href="single-product-variable.html">
                                                                    <img src="assets/images/products/7.jpg" class="img-fluid"
                                                                        alt="">
                                                                    <img src="assets/images/products/8.jpg" class="img-fluid"
                                                                        alt="">
                                                                </a>
                                                                <div class="image-btn">
                                                                    <a href="#"><i class="fa fa-search"></i></a>
                                                                    <a href="#"><i class="fa fa-heart-o"></i></a>
                                                                </div>
                                                            </div>
                                                            <h5 class="product-name"><a href="single-product-variable.html">印花裙</a></h5>
                                                            <div class="price-box">
                                                                <h4>$ 12.00</h4>
                                                            </div>

                                                            <a href="#" class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>
                                                                添加到购物车</a>
                                                        </div>
                                                    </div>
                                                    <!-- end of single product -->
                                                    <!-- single product -->
                                                    <div class="single-product">
                                                        <div class="single-product-content single-related-product-content">
                                                            <div class="product-image">
                                                                <a href="single-product-variable.html">
                                                                    <img src="assets/images/products/9.jpg" class="img-fluid"
                                                                        alt="">
                                                                    <img src="assets/images/products/10.jpg" class="img-fluid"
                                                                        alt="">
                                                                </a>
                                                                <div class="image-btn">
                                                                    <a href="#"><i class="fa fa-search"></i></a>
                                                                    <a href="#"><i class="fa fa-heart-o"></i></a>
                                                                </div>
                                                            </div>
                                                            <h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
                                                            <div class="price-box">
                                                                <h4>$ 12.00</h4>
                                                            </div>

                                                            <a href="#" class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>
                                                                添加到购物车</a>
                                                        </div>
                                                    </div>
                                                    <!-- end of single product -->


                                                </div>
                                                <!-- end of horizontal product slider container -->
                                            </div>
                                        </div>
                                    </div>
                                    <!-- end of related horizontal product slider -->
                                </div>

                                <div class="col-lg-3 col-md-4">
                                    <!-- ======  Single product sidebar  ====== -->

                                    <div class="single-product-page-sidebar">
                                            <!-- vertical auto slider container -->
                                            <div class="sidebar">
                                                <h2 class="block-title">畅销榜</h2>
                                                <div class="vertical-product-slider-container mb-50">

                                                    <div class="single-vertical-slider">

                                                        <div class="vertical-auto-slider-product-list">
                                                            <!-- single vertical product -->
                                                            <div class="single-auto-vertical-product d-flex">
                                                                <div class="product-image">
                                                                    <a href="single-product-variable.html"><img src="assets/images/products/1.jpg"
                                                                            class="img-fluid" alt=""></a>
                                                                </div>
                                                                <div class="product-description">
                                                                    <h5 class="product-name"><a href="single-product-variable.html">Faded
                                                                            Short Sleeve</a></h5>
                                                                    <div class="price-box">
                                                                        <h4>$ 12.00</h4>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                            <!-- end of single vertical product -->
                                                            <!-- single vertical product -->
                                                            <div class="single-auto-vertical-product d-flex">
                                                                <div class="product-image">
                                                                    <a href="single-product-variable.html"><img src="assets/images/products/2.jpg"
                                                                            class="img-fluid" alt=""></a>
                                                                </div>
                                                                <div class="product-description">
                                                                    <h5 class="product-name"><a href="single-product-variable.html">Printed
                                                                            Dress</a></h5>
                                                                    <div class="price-box">
                                                                        <h4>$ 12.00</h4>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                            <!-- end of single vertical product -->
                                                            <!-- single vertical product -->
                                                            <div class="single-auto-vertical-product d-flex">
                                                                <div class="product-image">
                                                                    <a href="single-product-variable.html"><img src="assets/images/products/3.jpg"
                                                                            class="img-fluid" alt=""></a>
                                                                </div>
                                                                <div class="product-description">
                                                                    <h5 class="product-name"><a href="single-product-variable.html">Faded
                                                                            Short Sleeve</a></h5>
                                                                    <div class="price-box">
                                                                        <h4>$ 12.00</h4>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                            <!-- end of single vertical product -->
                                                            <!-- single vertical product -->
                                                            <div class="single-auto-vertical-product d-flex">
                                                                <div class="product-image">
                                                                    <a href="single-product-variable.html"><img src="assets/images/products/4.jpg"
                                                                            class="img-fluid" alt=""></a>
                                                                </div>
                                                                <div class="product-description">
                                                                    <h5 class="product-name"><a href="single-product-variable.html">Printed
                                                                            Dress</a></h5>
                                                                    <div class="price-box">
                                                                        <h4>$ 12.00</h4>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                            <!-- end of single vertical product -->
                                                            <!-- single vertical product -->
                                                            <div class="single-auto-vertical-product d-flex">
                                                                <div class="product-image">
                                                                    <a href="single-product-variable.html"><img src="assets/images/products/5.jpg"
                                                                            class="img-fluid" alt=""></a>
                                                                </div>
                                                                <div class="product-description">
                                                                    <h5 class="product-name"><a href="single-product-variable.html">Faded
                                                                            Short Sleeve</a></h5>
                                                                    <div class="price-box">
                                                                        <h4>$ 12.00</h4>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                            <!-- end of single vertical product -->
                                                            <!-- single vertical product -->
                                                            <div class="single-auto-vertical-product d-flex">
                                                                <div class="product-image">
                                                                    <a href="single-product-variable.html"><img src="assets/images/products/6.jpg"
                                                                            class="img-fluid" alt=""></a>
                                                                </div>
                                                                <div class="product-description">
                                                                    <h5 class="product-name"><a href="single-product-variable.html">Printed
                                                                            Dress</a></h5>
                                                                    <div class="price-box">
                                                                        <h4>$ 12.00</h4>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                            <!-- end of single vertical product -->
                                                            <!-- single vertical product -->
                                                            <div class="single-auto-vertical-product d-flex">
                                                                <div class="product-image">
                                                                    <a href="single-product-variable.html"><img src="assets/images/products/7.jpg"
                                                                            class="img-fluid" alt=""></a>
                                                                </div>
                                                                <div class="product-description">
                                                                    <h5 class="product-name"><a href="single-product-variable.html">Faded
                                                                            Short Sleeve</a></h5>
                                                                    <div class="price-box">
                                                                        <h4>$ 12.00</h4>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                            <!-- end of single vertical product -->

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- end of vertical auto slider container -->


                                            <!-- homepage sidebar banner -->
                                            <div class="sidebar">
                                                <div class="homepage-sidebar-banner-container mb-50">
                                                    <a href="shop-left-sidebar.html">
                                                        <img src="assets/images/banners/banner-left.jpg" class="img-fluid" alt="">
                                                    </a>
                                                </div>
                                            </div>
                                            <!-- end of homepage sidebar banner -->

                                            <!-- tag container -->
                                            <div class="sidebar">
                                                    <h2 class="block-title">标签</h2>
                                                    <div class="tag-container">
                                                        <ul>
                                                            <li><a href="shop-left-sidebar-wide.html">new</a> </li>
                                                            <li><a href="shop-left-sidebar-wide.html">bags</a> </li>
                                                            <li><a href="shop-left-sidebar-wide.html">new</a> </li>
                                                            <li><a href="shop-left-sidebar-wide.html">kids</a> </li>
                                                            <li><a href="shop-left-sidebar-wide.html">fashion</a> </li>
                                                            <li><a href="shop-left-sidebar-wide.html">配件</a> </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <!-- end of tag container -->


                                    </div>

                                    <!-- ====  End of Single product sidebar  ==== -->

                                </div>
                            </div>
                        </div>
                    </section>

                    <!--====  End of Single product content section  ====-->

                    <!--=======================================
                            =            brand logo slider            =
                            ========================================-->

                    <div class="brand-logo-slider mb-50">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-12 col-sm-12">
                                    <div class="brand-logo-list">
                                        <!-- ======  single brand logo block  ====== -->

                                        <div class="single-brand-logo">
                                            <a href="#">
                                                <img src="assets/images/brand-logos/1.jpg" alt="">
                                            </a>
                                        </div>

                                        <!-- ====  End of single brand logo block  ==== -->
                                        <!-- ======  single brand logo block  ====== -->

                                        <div class="single-brand-logo">
                                            <a href="#">
                                                <img src="assets/images/brand-logos/2.jpg" alt="">
                                            </a>
                                        </div>

                                        <!-- ====  End of single brand logo block  ==== -->
                                        <!-- ======  single brand logo block  ====== -->

                                        <div class="single-brand-logo">
                                            <a href="#">
                                                <img src="assets/images/brand-logos/3.jpg" alt="">
                                            </a>
                                        </div>

                                        <!-- ====  End of single brand logo block  ==== -->
                                        <!-- ======  single brand logo block  ====== -->

                                        <div class="single-brand-logo">
                                            <a href="#">
                                                <img src="assets/images/brand-logos/4.jpg" alt="">
                                            </a>
                                        </div>

                                        <!-- ====  End of single brand logo block  ==== -->
                                        <!-- ======  single brand logo block  ====== -->

                                        <div class="single-brand-logo">
                                            <a href="#">
                                                <img src="assets/images/brand-logos/5.jpg" alt="">
                                            </a>
                                        </div>

                                        <!-- ====  End of single brand logo block  ==== -->
                                        <!-- ======  single brand logo block  ====== -->

                                        <div class="single-brand-logo">
                                            <a href="#">
                                                <img src="assets/images/brand-logos/6.jpg" alt="">
                                            </a>
                                        </div>

                                        <!-- ====  End of single brand logo block  ==== -->
                                        <!-- ======  single brand logo block  ====== -->

                                        <div class="single-brand-logo">
                                            <a href="#">
                                                <img src="assets/images/brand-logos/7.jpg" alt="">
                                            </a>
                                        </div>

                                        <!-- ====  End of single brand logo block  ==== -->

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--====  End of brand logo slider  ====-->

                    <!--========================================
					=            newsletter section            =
					=========================================-->

                    <section class="newsletter-section">
                        <div class="container">
                            <div class="newsletter-container dark-bg">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-lg-8 col-md-12 col-sm-12">

                                            <!-- ======  Newsletter input box  ======= -->

                                            <div class="newsletter-wrapper d-md-flex">
                                                <!-- newsletter text -->
                                                <div class="newsletter-text">
                                                    <h2>通讯 <span>注册我们的通讯</span></h2>
                                                </div>
                                                <!-- end of newsletter text -->

                                                <!-- newsletter input -->
                                                <div class="newsletter-input">
                                                    <div class="input-group">
                                                        <div class="input-group-append">
                                                            <form id="mc-form" class="mc-form subscribe-form">
                                                                <input type="email" id="mc-email" type="email"
                                                                    autocomplete="off" placeholder="请输入你的邮箱"
                                                                    required>
                                                                <button id="mc-submit" type="submit"> 订阅 </button>
                                                            </form>

                                                        </div>
                                                    </div>
                                                    <!-- mailchimp-alerts Start -->
                                                    <div class="mailchimp-alerts">
                                                        <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                                        <div class="mailchimp-success"></div><!-- mailchimp-success end -->
                                                        <div class="mailchimp-error"></div><!-- mailchimp-error end -->
                                                    </div><!-- mailchimp-alerts end -->
                                                </div>
                                                <!-- end of newsletter input -->
                                            </div>

                                            <!-- ====  End of Newsletter input box  ==== -->

                                        </div>
                                        <div class="col-lg-4 col-md-12 col-sm-12">
                                            <!-- ======  Social icon list  ======= -->

                                            <div class="social-icons text-right mt-5">
                                                <ul>
                                                    <li><a class="facebook-link" href="//www.facebook.com"><i class="fa fa-facebook"></i></a>
                                                        <span class="popup">facebook</span>
                                                    </li>
                                                    <li><a class="rss-link" href="//rss.com"><i class="fa fa-rss"></i></a>
                                                        <span class="popup">rss</span>
                                                    </li>
                                                    <li><a class="twitter-link" href="//www.twitter.com"><i class="fa fa-twitter"></i></a>
                                                        <span class="popup">twitter</span>
                                                    </li>
                                                    <li><a class="skype-link" href="//www.skype.com"><i class="fa fa-skype"></i></a>
                                                        <span class="popup">Skype</span>
                                                    </li>
                                                    <li><a class="dribbble-link" href="//www.dribbble.com"><i class="fa fa-dribbble"></i></a>
                                                        <span class="popup">Dribbble</span>
                                                    </li>
                                                </ul>
                                            </div>

                                            <!-- ====  End of Social icon list  ==== -->

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <!--====  End of newsletter section  ====-->

                    <!--============================
                        =            footer            =
                        =============================-->

                    <footer>
                        <div class="container">
                            <!-- footer navigation -->
                            <div class="footer-navigation section-padding">
                                <div class="row">
                                    <div class="col-lg-4 col-md-4">
                                        <!-- footer description -->
                                        <div class="footer-description">
                                            <div class="footer-logo">
                                                <img src="assets/images/logo.png" alt="">
                                            </div>
                                            <p>这是一串随机生成的文字，没有实际意义。请不要将重要信息填入，以防泄漏。如有雷同，纯属巧合。。。</p>
                                        </div>
                                        <!-- end of footer description -->
                                    </div>
                                    <div class="col-lg-8 col-md-8">
                                        <!-- footer nav links -->
                                        <div class="row">
                                            <div class="col-lg-3 col-md-6">
                                                <!-- single footer nav block -->
                                                <div class="single-footer-nav-block">
                                                    <h2 class="block-title">信息</h2>
                                                    <ul class="footer-nav-links">
                                                        <li><a href="shop-left-sidebar.html">特价</a></li>
														<li><a href="shop-left-sidebar.html">新产品</a></li>
														<li><a href="shop-left-sidebar.html">最畅销</a></li>
														<li><a href="contact.html">联系我们</a></li>
														<li><a href="about.html">关于我们</a></li>
                                                    </ul>
                                                </div>
                                                <!-- end of single footer nav block -->
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <!-- single footer nav block -->
                                                <div class="single-footer-nav-block">
                                                    <h2 class="block-title"><a href="my-account.html">我的帐户</a></h2>
													<ul class="footer-nav-links">
														<li><a href="#">我的订单</a></li>
														<li><a href="#">我的信用单</a></li>
														<li><a href="my-account.html">我的地址</a></li>
														<li><a href="my-account.html">个人信息</a></li>
													</ul>
                                                </div>
                                                <!-- end of single footer nav block -->
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <!-- single footer nav block -->
                                                <div class="single-footer-nav-block">
                                                    <h2 class="block-title">类别</h2>
													<ul class="footer-nav-links">
														<li><a href="shop-left-sidebar.html">足球</a></li>
														<li><a href="shop-left-sidebar.html">网球</a></li>
														<li><a href="shop-left-sidebar.html">婴儿食品</a></li>
														<li><a href="shop-left-sidebar.html">板球</a></li>
														<li><a href="shop-left-sidebar.html">棒球</a></li>
													</ul>
                                                </div>
                                                <!-- end of single footer nav block -->
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <!-- single footer nav block -->
                                                <div class="single-footer-nav-block">
                                                    <h2 class="block-title">我们的服务</h2>
													<ul class="footer-nav-links">
														<li><a href="store.html">我们的店</a></li>
														<li><a href="about.html">信息</a></li>
														<li><a href="#">隐私政策</a></li>
														<li><a href="#">条款 & 条件</a></li>
													</ul>
                                                </div>
                                                <!-- end of single footer nav block -->
                                            </div>
                                        </div>
                                        <!-- end of footer nav links -->

                                    </div>
                                </div>
                            </div>
                            <!-- end of footer navigation -->

                            <!-- copyright section -->
                            <div class="copyright-section">
                                <div class="copyright-container">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <p class="copyright-text text-center text-md-left">Copyright © 2018 <a href="#">Rossi</a>.
                                                All Rights Reserved</p>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="payment-logos text-md-right text-center">
                                                <img src="assets/images/payment.png" alt="payment logo">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- end of copyright section -->
                            </div>
                        </div>
                    </footer>

                    <!--====  End of footer  ====-->
                </div>
            </div>
        </div>
    </div>


    <!-- scroll to top  -->
    <a href="#" class="scroll-top"></a>
    <!-- end of scroll to top -->



    <!-- ************************* JS ************************* -->
    <!-- jQuery JS -->
    <script src="assets/js/vendor/jquery.min.js"></script>

    <!-- Popper JS -->
    <script src="assets/js/popper.min.js"></script>

    <!-- Bootstrap JS -->
    <script src="assets/js/bootstrap.min.js"></script>

    <!-- Plugins JS -->
    <script src="assets/js/plugins.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

</body>

</html>